<template>
  <div class="detail">
    <component :inputData="detailData" :is="currentComponent"></component>
  </div>

</template>

<script>
import detail from "commons/Detail";
import navMenu from "commons/NavMenu";
import baseMixin from "@/mixins/BaseMixin";

export default {
  name: "Detail",
  mixins: [baseMixin],
  data() {
    return {
      newFlag: true,
      selectData: {},
      detailData: {
        adjustmentkey: "",
        storerkey: ""
      },
      detailNav: "1",
      temporary: {},
      componentConfig: [
        {
          name: "GatherDetail",
          label: "",
          component: () => import('./page/particulars.vue')
        },
      ]
    }
  },
  computed: {
    currentComponent() {
      return this.componentConfig[this.detailNav - 1].component;
    }
  },
  methods: {
    setMentActive(key) {
      this.detailNav = key;
    },
    async getData() {
      try {
        let res = await this.$api.post(`/queryAdjustmentByKey`, { adjustmentkey: this.selectData.adjustmentkey });
        
          this.detailData = res.bean;
        
      } catch (e) {
        this.$message.error(e);
      }
    },
    async getNew() {
      try {
        let res = await this.$api.get(`/querySequenceBySeqName/ADJ_5_SEQ`);
        this.detailData.adjustmentkey = res.data.sequence
      } catch (e) {
        this.$message.error(e);
      }
    }
  },
  mounted() {
    this.newFlag = this.$store.state.newFlag;
    console.log(this.newFlag);
    //判断是否事新建
    if (Object.keys(this.$store.state.skip).length !== 0) {
      let data = this.$store.state.skip;
      this.detailData = data.detail;
      this.selectData = data.routeData;
      this.detailNav = data.detailNav;
    } else if (this.newFlag) {
      this.getNew()
      this.detailData.storerkey = this.$store.state.routeData.storerKey;
    } else {
      this.selectData = this.$store.state.routeData;
      this.getData();
    }

  },
  components: {
    "v-detail": detail,
    "v-navMenu": navMenu,
  },

}
</script>

<style scoped>

</style>
